<script setup>
import { ref } from 'vue';
import { MobileOutlined, FundProjectionScreenOutlined } from '@ant-design/icons-vue';

const activeKey = ref('h5');
</script>

<template>
    <div class="nav-client-box">
        <a-tabs v-model:activeKey="activeKey">
            <a-tab-pane key="h5">
                <template v-slot:tab>
                    <span>
                        <MobileOutlined />
                        我的H5
                    </span>
                </template>
                我的H5
            </a-tab-pane>
            <a-tab-pane key="viewPage">
                <template #tab>
                    <FundProjectionScreenOutlined />
                    我的可视化
                </template>
                我的可视化
            </a-tab-pane>
        </a-tabs>
    </div>
</template>

<style scoped lang="scss">
.nav-client-box {
    height: 100%;
    overflow-y: auto;
    padding: 10px 0 10px 20px;
    box-sizing: border-box;
    border-right: 1px solid #f0f0f0;
}
</style>
